﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<SDT.Admin.ViewModels.MenuViewEditModel>" %>
<%@ Import Namespace="SDT.Lib.Helpers" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Thêm mới
</asp:Content>
<asp:Content ID="Content6" ContentPlaceHolderID="Message" runat="server">
    <%=ViewData["MessageInfo"]!=null? "<p class='perror'>"+Html.Encode(ViewData["MessageInfo"])+"</p>":string.Empty%>  
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<%if(ViewData["MessageInfo"]==null){ %>
    <% using (Html.BeginForm("Create", "Menu", FormMethod.Post, new { id = "adminForm" } )) {%>
        <%= Html.ValidationSummary(true) %>

        <fieldset>
            <legend>Thêm mới</legend>
			<font color="red">*</font> là trường bắt buộc phải nhập.
			<table class="admintable">
				<tbody>
				<tr>
					<td class="key">Chọn loại menu (<font color="red">*</font>)</td>
					<td><%=Html.DropDownList("ddlMenuType", new SelectList(Model.MenuTypes, "ID", "Name").ToList(), "-- Chọn loại --", new { @class = "required" })%></td>
				</tr>
				<tr>
					<td class="key">Chọn menu cha</td>
					<td>
					    <%=Html.DropDownList("ddlParentMenu", new SelectList(Model.Menus, "ID", "Name").ToList(), "-- Chọn menu cha --", new { style="width:200px" })%>

					    <select id="ddlParentMenuLeve1" name="ddlParentMenuLeve1" style="display:none" >
                            <option>-- Chọn menu con --</option>
                         </select>
                         <select id="ddlParentMenuLeft" name="ddlParentMenuLeft" style="display:none" >
                            <option>-- Liên kết với menu trái --</option>
                         </select>
					</td>
				</tr>
				<tr>
					<td class="key">Tên menu (<font color="red">*</font>)</td>
					<td>
						<%= Html.TextBoxFor(m=>m.Menu.Name, new { @class = "required", maxlength = 250 })%>
					</td>
				</tr>
				<tr>
					<td class="key">Tên viết tắt (<font color="red">*</font>)</td>
					<td>
						<%= Html.TextBoxFor(m=>m.Menu.ShortName, new { @class = "required", maxlength = 250 })%>
					</td>
				</tr>
				<tr>
					<td class="key">Liên kết (<font color="red">*</font>)</td>
					<td>
						<%= Html.TextBoxFor(m=>m.Menu.NavigateUrl, new { @class = "required", maxlength = 250 })%>
					</td>
				</tr>
				<tr>
					<td class="key">Thứ tự (<font color="red">*</font>)</td>
					<td>
						<%= Html.TextBoxFor(m=>m.Menu.Priority, new { @class = "required number"})%>
					</td>
				</tr>
				<tr>
					<td class="key">Xuất bản</td>
					<td>
						<%= Html.CheckBox("chkPublic",false)%>
					</td>
				</tr>
				<tr>
					<td class="key">Mô tả</td>
					<td>
						<%= Html.TextAreaFor(m=>m.Menu.Description, new { style="width: 300px; height: 50px" })%>
					</td>
				</tr>
				<tr>
					<td colspan="2" align="center"><input type="submit" value="Lưu" /></td>
				</tr></tbody>
			 </table>
        </fieldset>

    <% } %>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#ddlParentMenuLeve1").css("display", "none");
            $("#adminForm").validate({
                rules: {
                    "Menu.Name": "required",
                    "Menu.NavigateUrl": "required",
                    "Menu.Priority": "required",
                    ddlMenuType: "required"
                },
                messages: {
                    "Menu.Name": "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                    "Menu.NavigateUrl": "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                    "Menu.Priority": "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                    ddlMenuType: "Trường này là bắt buộc, vui lòng nhập dữ liệu!"
                }
            });
            $('#ddlParentMenu').change(function() {
                var id = $('#ddlParentMenu').val() == "" ? 0 : $('#ddlParentMenu').val();
                if (id == 0) {
                    $("#ddlParentMenuLeve1").css("display", "none");
                } else {
                    
                    $("#ddlParentMenuLeve1").css("display", "");
                    $.get('/AjaxData/GetMenusLink/' + id + "?typeid=2", function(data) {
                        $('#ddlParentMenuLeft').html(data);
                    });

                }
                $.get('/AjaxData/GetMenus/' + id, function(data) {
                    $('#ddlParentMenuLeve1').html(data);
                });
            });
            $('#ddlMenuType').change(function() {
                var id = $('#ddlMenuType').val() == "" ? 0 : $('#ddlMenuType').val();
                $.get('/AjaxData/GetMenusByType/' + id, function(data) {
                    $('#ddlParentMenu').html(data);
                    var pid = $('#ddlParentMenu').val() == "" ? 0 : $('#ddlParentMenu').val();
                    $.get('/AjaxData/GetMenus/' + pid, function(data) {
                        $('#ddlParentMenuLeve1').html(data);
                    });
                });                
                if (id != 1) {
                    $("#ddlParentMenuLeft").css("display", "none");
                } else {
                    $("#ddlParentMenuLeft").css("display", "");
                }
            });
        });
	</script>
<% } %>
</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="Toolbar" runat="server">
	<%= Html.Toolbar("Quay lại", "/Menu", "back")%>
</asp:Content>

<asp:Content ID="Content5" ContentPlaceHolderID="Header" runat="server">
	Thêm menu
</asp:Content>
